
        :root {
    font-family: Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffffde;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    min-height: 100vh
}

.announcement-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 30px;
    font-size: 12px;
    background-color: #1677ff14;
    color: #051441;
    font-weight: 700;
    border: solid 1px #ebedf1
}

.announcement-bar svg {
    fill: #1677ff;
    margin-right: 4px
}

.announcement-bar a {
    color: #1677ff
}

#container {
    height: calc(100vh - 36px)
}

@font-face {
    font-family: icomoon;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/ttf;base64,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) format("truetype"),url(data:font/woff;base64,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) format("woff"),url() format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-close:before {
    content: "\e900";
    color: #fff
}

.icon-icon-invisible:before {
    content: "\e901";
    color: #fff
}

.icon-icon-setting:before {
    content: "\e902";
    color: #fff
}

.icon-icon-visible:before {
    content: "\e903";
    color: #fff
}

.klinecharts-pro-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    outline: none;
    width: 90px;
    height: 36px;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px var(--klinecharts-pro-primary-color);
    cursor: pointer;
    background-color: transparent;
    margin-left: 20px;
    box-sizing: border-box
}

.klinecharts-pro-button.confirm {
    color: #fff;
    background-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-button.cancel {
    color: var(--klinecharts-pro-primary-color);
    border: solid 1px var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--klinecharts-pro-text-color);
    fill: var(--klinecharts-pro-text-color);
    cursor: pointer
}

.klinecharts-pro-checkbox .icon {
    width: 20px;
    height: 20px
}

.klinecharts-pro-checkbox .label {
    display: inline-block;
    margin-left: 6px
}

.klinecharts-pro-checkbox.checked {
    color: var(--klinecharts-pro-primary-color);
    fill: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    font-size: 14px;
    color: var(---klinecharts-pro-text-color);
    min-height: 200px
}

.klinecharts-pro-list::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.klinecharts-pro-list::-webkit-scrollbar-thumb {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer
}

.klinecharts-pro-list li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-modal {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0003;
    z-index: 99
}

.klinecharts-pro-modal .inner {
    background-color: var(--klinecharts-pro-popover-background-color);
    box-shadow: 0 6px 12px #0000004d;
    border-radius: 4px
}

.klinecharts-pro-modal .inner .title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    padding: 0 26px;
    font-size: 18px;
    font-weight: 700;
    color: var(--klinecharts-pro-text-color);
    position: relative;
    box-sizing: border-box;
    border-bottom: solid 1px var(--klinecharts-pro-border-color)
}

.klinecharts-pro-modal .inner .title-container .close-icon {
    width: 14px;
    height: 14px;
    cursor: pointer;
    fill: var(--klinecharts-pro-text-color)
}

.klinecharts-pro-modal .inner .title-container .close-icon:hover {
    fill: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-modal .inner .content-container {
    padding: 0 26px;
    min-height: 140px
}

.klinecharts-pro-modal .inner .button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 20px 26px
}

.klinecharts-pro-select {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    height: 34px;
    width: 100px;
    outline: none;
    color: var(--klinecharts-pro-text-color);
    font-size: 14px
}

.klinecharts-pro-select .selector-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 10px;
    justify-content: space-between;
    border: solid 1px var(--klinecharts-pro-border-color);
    border-radius: 2px;
    box-sizing: border-box
}

.klinecharts-pro-select .selector-container .arrow {
    display: inline;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--klinecharts-pro-text-color);
    transition: all .2s
}

.klinecharts-pro-select .drop-down-container {
    background-color: var(--klinecharts-pro-popover-background-color);
    box-shadow: 0 6px 12px #0000004d;
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100% + 1px);
    transition: all .2s;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    z-index: 100;
    border-radius: 2px;
    max-height: 200px;
    overflow-y: auto
}

.klinecharts-pro-select .drop-down-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.klinecharts-pro-select .drop-down-container ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    padding: 0 10px
}

.klinecharts-pro-select .drop-down-container ul li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.klinecharts-pro-select .drop-down-container ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.klinecharts-pro-select .drop-down-container ul li:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-select-show .selector-container {
    border-color: var(--klinecharts-pro-primary-color)!important
}

.klinecharts-pro-select-show .selector-container .value {
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-select-show .selector-container .arrow {
    transform: rotate(180deg)
}

.klinecharts-pro-select-show .drop-down-container {
    transform: scaleY(1)!important;
    opacity: 1!important
}

.klinecharts-pro-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    height: 34px;
    border: solid 1px var(--klinecharts-pro-border-color);
    border-radius: 2px;
    padding: 0 12px;
    font-size: 12px;
    color: var(--klinecharts-pro-text-color);
    box-sizing: border-box;
    cursor: pointer
}

.klinecharts-pro-input[data-status=focus] {
    border-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-input .prefix {
    display: flex;
    white-space: nowrap;
    padding-right: 10px
}

.klinecharts-pro-input .suffix {
    display: flex;
    white-space: nowrap;
    padding-left: 10px
}

.klinecharts-pro-input .value {
    width: 100%;
    outline: none;
    border: none;
    background: transparent;
    color: var(--klinecharts-pro-text-color);
    font-size: 14px;
    cursor: pointer
}

.klinecharts-pro-loading {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-loading .circle1,.klinecharts-pro-loading .circle2,.klinecharts-pro-loading .circle3 {
    display: inline-block;
    width: 10px;
    height: 10px;
    pointer-events: none;
    border-radius: 50%;
    background-color: currentColor;
    animation: loading-anim .8s ease-in-out alternate infinite
}

.klinecharts-pro-loading .circle1 {
    animation-delay: .48s
}

.klinecharts-pro-loading .circle2 {
    margin-left: .2em;
    margin-right: .2em;
    animation-delay: .32s
}

.klinecharts-pro-loading .circle3 {
    animation-delay: .16s
}

@keyframes loading-anim {
    0% {
        top: 0em
    }

    to {
        margin-top: -2.2em
    }
}

.klinecharts-pro-empty {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 99;
    fill: var(--klinecharts-pro-text-second-color);
    color: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-empty .icon {
    width: 50px;
    height: 50px
}

.klinecharts-pro-switch {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 36px;
    height: 18px;
    border-radius: 9px;
    cursor: pointer
}

.klinecharts-pro-switch .thumb {
    display: inline-block;
    position: absolute;
    top: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    z-index: 10;
    background-color: #fff;
    transition: all .2s
}

.klinecharts-pro-switch.turn-off {
    background-color: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-switch.turn-off .thumb {
    left: 2px
}

.klinecharts-pro-switch.turn-on {
    background-color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-switch.turn-on .thumb {
    left: 20px
}

.klinecharts-pro-period-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 38px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: solid 1px var(--klinecharts-pro-border-color)
}

.klinecharts-pro-period-bar .menu-container {
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 52px;
    box-sizing: border-box;
    border-right: solid 1px var(--klinecharts-pro-border-color)
}

.klinecharts-pro-period-bar .menu-container svg {
    fill: var(--klinecharts-pro-text-color);
    width: 28px;
    height: 28px;
    cursor: pointer;
    transition: all .2s
}

.klinecharts-pro-period-bar .menu-container svg.rotate {
    transform: rotate(180deg);
    transform-origin: center
}

.klinecharts-pro-period-bar .symbol {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    font-size: 18px;
    padding: 0 12px;
    font-weight: 700;
    box-sizing: border-box;
    border-right: solid 1px var(--klinecharts-pro-border-color);
    cursor: pointer
}

.klinecharts-pro-period-bar .symbol img {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.klinecharts-pro-period-bar .item {
    transition: all .2s;
    box-sizing: border-box;
    cursor: pointer;
    fill: var(--klinecharts-pro-text-color)
}

.klinecharts-pro-period-bar .item.selected {
    background-color: var(--klinecharts-pro-selected-color)!important;
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-period-bar .period {
    padding: 2px 6px;
    margin: 0 4px;
    border-radius: 2px
}

.klinecharts-pro-period-bar .period:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-period-bar .period:first-child {
    margin-left: 8px
}

.klinecharts-pro-period-bar .symbol+.period,.klinecharts-pro-period-bar .menu-container+.period {
    margin-left: 12px
}

.klinecharts-pro-period-bar .tools {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 12px;
    border-right: solid 1px var(--klinecharts-pro-border-color)
}

.klinecharts-pro-period-bar .tools:hover {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-period-bar .tools svg {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.klinecharts-pro-period-bar .period+.tools {
    border-left: solid 1px var(--klinecharts-pro-border-color);
    margin-left: 8px
}

.klinecharts-pro-drawing-bar {
    width: 52px;
    height: 100%;
    box-sizing: border-box;
    border-right: solid 1px var(--klinecharts-pro-border-color)
}

.klinecharts-pro-drawing-bar .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 8px;
    cursor: pointer;
    color: var(--klinecharts-pro-text-second-color);
    fill: var(--klinecharts-pro-text-second-color);
    stroke: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-drawing-bar .item .icon-overlay {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    transition: all .2s
}

.klinecharts-pro-drawing-bar .item .icon-overlay:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-drawing-bar .item .icon-overlay.selected {
    background-color: var(--klinecharts-pro-selected-color)!important;
    fill: var(--klinecharts-pro-primary-color);
    stroke: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-drawing-bar .item .icon-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 10px;
    opacity: 0;
    transition: all .2s;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index: 10
}

.klinecharts-pro-drawing-bar .item .icon-arrow svg {
    width: 4px;
    height: 6px;
    transition: all .2s
}

.klinecharts-pro-drawing-bar .item .icon-arrow svg.rotate {
    transform: rotate(180deg)
}

.klinecharts-pro-drawing-bar .item .icon-arrow:hover {
    background-color: var(--klinecharts-pro-hover-background-color)
}

.klinecharts-pro-drawing-bar .item .list {
    position: absolute;
    top: 0;
    white-space: nowrap;
    left: calc(100% + 1px);
    background-color: var(--klinecharts-pro-popover-background-color);
    z-index: 99;
    box-shadow: 0 6px 12px #0000004d;
    min-height: auto;
    max-height: 320px
}

.klinecharts-pro-drawing-bar .item .list li {
    padding-left: 16px
}

.klinecharts-pro-drawing-bar .item .list li .icon-overlay:hover {
    background-color: transparent
}

.klinecharts-pro-drawing-bar .item:hover .icon-arrow {
    opacity: 1
}

.klinecharts-pro-drawing-bar .split-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--klinecharts-pro-border-color);
    margin-top: 8px
}

.klinecharts-pro-indicator-modal-list {
    margin-left: -20px;
    margin-right: -20px;
    height: 440px;
    position: relative
}

.klinecharts-pro-indicator-modal-list .title {
    position: sticky;
    top: 0;
    background-color: var(--klinecharts-pro-popover-background-color);
    font-size: 16px;
    color: var(--klinecharts-pro-text-color);
    font-weight: 400
}

.klinecharts-pro-indicator-modal-list .title:hover {
    background-color: var(--klinecharts-pro-popover-background-color)
}

.klinecharts-pro-indicator-modal-list .row:hover .checkbox {
    fill: var(--klinecharts-pro-primary-color);
    color: var(--klinecharts-pro-primary-color)
}

.klinecharts-pro-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-row-gap: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    align-items: center
}

.klinecharts-pro-indicator-setting-modal-content {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 20px;
    margin-top: 20px;
    align-items: center
}

.klinecharts-pro-symbol-search-modal-input {
    margin: 20px 0 10px;
    height: 40px
}

.klinecharts-pro-symbol-search-modal-input svg {
    width: 18px;
    height: 18px;
    fill: var(--klinecharts-pro-text-second-color)
}

.klinecharts-pro-symbol-search-modal-input .value {
    font-size: 16px
}

.klinecharts-pro-symbol-search-modal-list {
    height: 400px;
    margin-left: -20px;
    margin-right: -20px
}

.klinecharts-pro-symbol-search-modal-list li {
    justify-content: space-between
}

.klinecharts-pro-symbol-search-modal-list li div {
    display: flex;
    flex-direction: row;
    align-items: center
}

.klinecharts-pro-symbol-search-modal-list li div img {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.klinecharts-pro-symbol-search-modal-list li div span {
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.klinecharts-pro {
    --klinecharts-pro-primary-color: #1677ff;
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #ffffff;
    --klinecharts-pro-popover-background-color: #ffffff;
    --klinecharts-pro-text-color: #051441;
    --klinecharts-pro-text-second-color: #76808F;
    --klinecharts-pro-border-color: #ebedf1;
    --klinecharts-pro-selected-color: rgba(22, 119, 255, .15);
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--klinecharts-pro-text-color);
    background-color: var(--klinecharts-pro-background-color);
    font-size: 14px;
    height: 80vh
}

.klinecharts-pro[data-theme=dark] {
    --klinecharts-pro-hover-background-color: rgba(22, 119, 255, .15);
    --klinecharts-pro-background-color: #151517;
    --klinecharts-pro-popover-background-color: #1c1c1f;
    --klinecharts-pro-text-color: #f8f8f8;
    --klinecharts-pro-text-second-color: #929AA5;
    --klinecharts-pro-border-color: #292929
}

.klinecharts-pro-watermark {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%) translateY(-50%)
}

.klinecharts-pro-watermark .logo {
    width: 160px;
    height: 184px;
    fill: var(--klinecharts-pro-border-color)
}

.klinecharts-pro-price-unit {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 30;
    top: 4px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 4px;
    color: var(--klinecharts-pro-text-second-color);
    box-shadow: 0 3px 3px #3232324d;
    border: solid 1px var(--klinecharts-pro-border-color);
    background-color: var(--klinecharts-pro-background-color)
}

.klinecharts-pro-load-icon {
    position: absolute;
    left: 0;
    height: 0;
    z-index: -1;
    opacity: 0
}

.klinecharts-pro-content {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 38px)
}

.klinecharts-pro-widget {
    width: calc(100% - 52px);
    height: 100%;
    margin-left: 0
}

.klinecharts-pro-widget[data-drawing-bar-visible=false] {
    width: 100%
}
